<%@taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<%@taglib uri="http://java.sun.com/jsp/jstl/fmt" prefix="fmt"%>
 
<%@taglib uri="http://www.springframework.org/tags/form" prefix="form"%>
<%@taglib uri="http://www.springframework.org/tags" prefix="spring"%> 


<div class="container-fluid">
      <div class="row-fluid">
          

        
<div class="span9">

	<h4>Mantener Categorias</h4>
<!-- Modal -->


 <!-- sample modal content -->
          <div id="myModal" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
            <div class="modal-header">
              <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
              <h3 id="myModalLabel">Insertar Nueva Categoria</h3>
            </div>
            <div class="modal-body">
	     <label for="nombre">Codigo</label><input type="text" name="">	
	     <label for="apepat">Descripcion</label><input type="text" width="60" size="95">	
            </div>
            <div class="modal-footer">
              <button class="btn" data-dismiss="modal">Cerrar</button>
              <button class="btn btn-primary">Guardar</button>
            </div>
          </div>
<!-- Fin Modal -->

        <form class="form-search">
          <input type="text" name="campo" placeholder="Buscar" class="input-medium search-query">
	  <select name="criteria">
	     <option>Codigo</option>
	     <option>Descripcion</option>
	  </select> 
          <button type="submit" class="btn">Buscar</button>

	<a data-toggle="modal" href="#myModal" class="btn"><i class="icon-plus">  </i> Agregar Nuevo</a>
		<input type="radio" name="tipo" value="Categoria" checked> Categoria
		<input type="radio" name="tipo" value="Sub-Categoria"> Sub-Categoria&nbsp;
         </form>

	<table class="table table-hover table-bordered">
	<thead>
	 <tr>
	   <th>Codigo</th>
	   <th>Descripcion</th>
	   <th></th>
	   <th></th>

	 </tr>
	</thead>
	<tbody>
        <c:forEach var="categorias" items="${categoria}">
	  <tr>
	   <td>${categoria.id}</td>
	   <td>${categoria.nombre}</td>
	   <td><a href="x">Editar</a></td>
	   <td><a href="v">Borrar</a></td>
	  </tr>
        </c:forEach>
	</tbody>
	</table>
        </div><!--/span-->
      </div><!--/row-->  
      
</div>      
